import React, { Component } from "react";
import { Form, Input, Button } from 'antd';
import Logo from "./images/logo192.png";
import "./index.less";
export default class Login extends Component {
    render() {
        return (<div className="login-container">
            <div className="login-header">
                <div className="login-content">
                    <img className="login-logo" src={Logo} alt="login" />
                    <div className="login-title">vvmily系统</div>
                </div>
            </div>
            <div className="login-bodyer">
                <div className="login-form">
                    <h2>欢迎登录vvmily！</h2>
                    <Form
                        name="basic"
                        labelCol={{
                            span: 8,
                        }}
                        wrapperCol={{
                            span: 16,
                        }}

                    >
                        <Form.Item
                            label="Username"
                            name="username"
                            rules={[
                                {
                                    required: true,
                                    message: 'Please input your username!',
                                },
                            ]}
                        >
                            <Input />
                        </Form.Item>

                        <Form.Item
                            label="Password"
                            name="password"
                            rules={[
                                {
                                    required: true,
                                    message: 'Please input your password!',
                                },
                            ]}
                        >
                            <Input.Password />
                        </Form.Item>



                        <Form.Item
                            wrapperCol={{
                                offset: 8,
                                span: 16,
                            }}
                        >
                            <Button type="primary" htmlType="submit">
                                Submit
                            </Button>
                        </Form.Item>
                    </Form>
                </div>
            </div>
        </div>)
    }
}